<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog F0301-dialog" ng-init="dialog.init();">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'F0301.material_state.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page" style="padding-top: 10px;">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'F0301.material_state.material_lot_no' | translate"></label>
                <input ng-model="dialog.material_lot_no" />
                <div class="kmi-button kmi-button-confrim btn-confirm" style="width:100px" ng-click="dialog.search()">
                    <label ng-bind="'common.btn.search' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-list column-selector" column-selector-id="material_detail" style="flex: 5; border-radius: 4px 4px 0 0;">
                <div class="kmi-list__header">
                    <!-- 20230313 modify by Alan for M#129881: -->
                    <div class="kmi-list__column width-fixed" style="flex:0 0 40px">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.selectAllData();">
                            <img ng-if="!dialog.selectAll" src="image/icons/check0.png"></img>
                            <img ng-if="dialog.selectAll" src="image/icons/check1.png"></img>
                        </button>
                    </div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0301.material_state.material_detail.column1' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0301.material_state.material_detail.column2' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0301.material_state.material_detail.column3' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0301.material_state.material_detail.column4' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0301.material_state.material_detail.column5' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0301.material_state.material_detail.column6' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row"
                    ng-repeat="item in dialog.material_detail track by $index">
                        <div class="kmi-list__column column-border" style="flex:0 0 40px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.select($event,item);">
                                <img ng-if="!item.isSelect" src="image/icons/check0.png"></img>
                                <img ng-if="item.isSelect" src="image/icons/check1.png"></img>
                            </button>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.mo_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.material_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.material_lot_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.sub_stitute_material_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.input_date"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.qty"></div>
                    </div>
                </div>
            </div>
            <div class="btn-panel">
                <div class="kmi-button kmi-button-confrim btn-confirm" style="width:100px" ng-click="dialog.confirm()">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
                <div class="kmi-button kmi-button-confrim btn-confirm" style="width:100px" ng-click="dialog.back();">
                    <label ng-bind="'common.btn.close' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
